@charset "utf-8";
.web {
    header {
        background-color: #222222;
        nav {
            background-color: #222222;
            max-width: 1100px;
            margin: 0 auto;
            border-color: #222222;
        }
        /*logo图移动*/
        .navbar-brand>img {
            transform: translateY(-25%);
        }
        @media (min-width:768px) and (max-width:991px) {
            .navbar-nav>li>a {
                padding: 15px 4px;
            }
        }
    }

    footer {
        width: 100%;
        height: 113px;
        background-color: #222222;
        .container {
            .contact {
                max-width: 1000px; 
                margin: 0 auto;
                .row {
                    .contact_mode {
                        padding-top: 35px;
                        padding-bottom: 15px;
                        li {
                            float: left;
                            margin-right: 15px;
                            a {
                                color: #9798a0;
                                font-size: 14px;
                            }
                        }
                    }
                    .copyright {
                        font-size: 11.9px;
                        p {
                            color: #9798a0;
                        }
                        a {
                            color: #9798a0;
                        }
                    }
                    .contact_img {
                        margin-right: 15px;
                        margin-top: 38px;
                        li {
                            float: right;
                            a {
                                display: inline-block;
                                height: 38px;
                                img {
                                    width: 38px;
                                    height: 38px;
                                    margin-left: 20px;
                                }
                            }
                        }
                    }
                    @media (max-width: 736px) {
                        .contact_img {
                            display: none;
                        }
                    }
                }
            }
        }
    }
}